<template>
  <div>
    <p>{{ 0 >= num ? 0 : num }}</p>
    <button @click="num += 1">加1</button>
    <button v-on:click="num += 5">加5</button>
    <!-- 如果num数字为0 那么按钮就禁用值true  可!num 取反  0是false  取反就是true -->
    <button :disabled="!num" @click="num--">减1</button>
  </div>
</template>

<script>
export default {
  data() {
    return { num: 5 };
  },
};
</script>

<style>
</style>